import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:glass_kit/glass_kit.dart';
import 'package:todo_project/base_bg.dart';
import 'package:todo_project/color.dart';
import 'package:todo_project/router_manager.dart';

class RegisterPage extends StatefulWidget {
  const RegisterPage({Key? key}) : super(key: key);

  @override
  _RegisterPage createState() => _RegisterPage();
}

class _RegisterPage extends State<RegisterPage> {
  @override
  Widget build(BuildContext context) {
    return BgContainer(Scaffold(
      body: Padding(
        padding: EdgeInsets.symmetric(horizontal: 40.w),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            SizedBox(
              height: 100.w,
            ),
            Text(
              "注册",
              style: TextStyle(fontSize: 24.sp, color: AppColor.textColor),
            ),
            SizedBox(
              height: 60.w,
            ),
            Stack(
              children: [
                Positioned(
                  child: GlassContainer(
                    height: double.infinity,
                    width: double.infinity,
                    color: Colors.white70,
                    borderColor: Colors.transparent,
                    elevation: 10.w,
                    borderWidth: 0,
                    borderRadius: BorderRadius.circular(12.w),
                  ),
                  left: 0,
                  right: 0,
                  top: 0,
                  bottom: 0,
                ),
                Padding(
                  child: Column(
                    children: [
                      const TextField(
                        decoration: InputDecoration(
                          hintText: "手机号",
                          labelText: "手机号",
                        ),
                        keyboardType: TextInputType.phone,
                        maxLength: 11,
                      ),
                      const TextField(
                        maxLength: 20,
                        keyboardType: TextInputType.visiblePassword,
                        obscureText: true,
                        decoration:
                            InputDecoration(hintText: "密码", labelText: "密码"),
                      ),
                      SizedBox(
                        height: 40.w,
                      ),
                      MaterialButton(
                        shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(8.w)),
                        color: AppColor.textColor,
                        onPressed: () {

                        },
                        child: Row(
                          children: const [Text("注册")],
                          mainAxisAlignment: MainAxisAlignment.center,
                        ),
                      )
                    ],
                  ),
                  padding:
                      EdgeInsets.symmetric(vertical: 40.w, horizontal: 20.w),
                ),
              ],
            ),
          ],
        ),
      ),
    ));
  }
}
